<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>课程列表</title>
    <link rel="stylesheet" th:href="@{/client/css/message.css}"/>
    <script th:src="@{/client/lib/jquery/jquery-3.7.1.min.js}"></script>
    <script th:inline="javascript">
        let ctx = /*[[@{/}]]*/"";
        if (ctx.endsWith("/")) {
            ctx = ctx.substring(0, ctx.length - 1);
        }
    </script>
    <script th:src="@{/client/js/message.js}"></script>
</head>
<body>
<div class="container">
    <h1>历史预约信息</h1>
    <form id="appointmentForm">
        <select id="timeRange" >
            <option value="all">所有</option>
            <option value="week">一周内</option>
            <option value="month">一个月内</option>
            <option value="halfYear">半年内</option>
        </select>

        <button type="button" id="searchBtn">搜索</button>
        <div id="appointmentsList">
            <!-- 预约信息将在这里显示 -->
        </div>
    </form>
</div>

</body>
</html>